<template>
  <div>
    <h1>Foo 组件</h1>
  </div>
</template>

<script lang="ts">
// import Vue from 'vue'
// （推荐写法）Options API , extend知道里面的对象应该有哪些属性
// export default Vue.extend({
//   data () {
//     return {
//       message: 'hello world'
//     }
//   },
//   created () {}
// })

// Class API
import Vue from 'vue'
import Component from 'vue-class-component'
@Component
export default class Foo extends Vue {
  foo = 'bar'
}
</script>
